.my-file {
  width: 100%;
  .my-file-box {
    width: 100%;
    .my-file-search {
      width: 95%;
      height: 84rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .my-file-search-input {
        width: 80%;
      }
      .my-file-search-icon {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
        .iconfont {
          padding: 0 20rpx;
        }
      }
    }
    .my-file-list {
      //   width: 90%;
      margin: 40rpx auto;
      .my-file-list-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1rpx solid #f5f5f5;
        padding: 0 32rpx 20rpx;

        .nut-menu {
          display: flex;
          .nut-menu__bar {
            box-shadow: none;
            .nut-menu__item {
              margin-right: 32rpx;
              height: 60rpx;
              text-align: center;
              line-height: 60rpx;
              display: inline-block;
              .nut-menu__title {
                font-size: 28rpx;
                line-height: 60rpx;
                color: #101010;
              }
              .nut-menu__title-icon {
                // display: none;
                .nutui-iconfont {
                  font-size: 14rpx;
                }
              }
            }
          }
        }
        .my-file-list-menu-text {
          font-size: 24rpx;
          color: #101010;
          text {
            font-size: 32rpx;
            color: #1e74fd;
          }
        }
      }
      .my-file-list-con {
        .my-file-list-con-item {
            height: 100%;
          .file-con-box {
            display: flex;
            align-items: center;
            margin: 0 32rpx;
            // height: 120rpx;
            .file-con-left {
              width: 12%;
              img {
                width: 70rpx;
                height: 70rpx;
              }
            }
            .file-con-right {
              width: 88%;
              display: flex;
              justify-content: space-between;
              align-items: center;
              border-bottom: 1rpx solid #f5f5f5;
              padding: 30rpx 0;
              box-sizing: border-box;
              .file-con-text {
                margin-left: 20rpx;
                .file-con-right-title {
                  font-weight: 600;
                  font-size: 32rpx;
                  color: #101010;
                }
                .file-con-right-text {
                  font-size: 24rpx;
                  margin-top: 6rpx;
                  color: #999999;
                }
              }
            }
          }
        }
        .file-details {
          background: #fafcff;
          box-sizing: border-box;
          .file-con-box {
            .file-con-right {
              border-bottom: none;
            }
          }
          .file-operate {
            // display: flex;
            // align-items: center;
            // justify-content: space-between;
            .file-operate-item {
              display: flex;
              flex-direction: column;
              // align-items: center;
              // justify-content: center;
              .nut-grid {
                border: none;
                .nut-grid-item__content {
                  border: none;
                  background: none;
                }
              }
              img {
                width: 44rpx;
                height: 44rpx;
              }
              text {
                font-weight: 400;
                font-size: 24rpx;
                color: #101010;
              }
            }
          }
        }
      }
    }
  }
}
